<template>
  <div>
    <router-link  :to="`/shopProductsInfo/${item._id}`">
      <div class="item" >
        <div style="margin-right: 16px">
          <img class="item__img" :src="item.imgUrl" alt="" />
        </div>
        <div style="flex: 1" class="item__right">
          <span class="item__title">{{ item.name }}</span>
          <div>
            <span class="item__desc1">月售{{ item.sales }}</span>
            <span class="item__desc1">起送{{ item.expressLimit }}</span>
            <span class="item__desc1">基础运费{{ item.expressPrice }}</span>
          </div>
          <span class="item__discountinfo">{{ item.slogan }}</span>
        </div>
      </div>
    </router-link>
  </div>
</template>
<script>
import { ref,toRefs } from "vue";
export default {
  props:['item','isRouter'],
  setup() {
    
  },
};
</script>
<style lang="scss" scoped>
.item {
  margin-top: 10px;
  display: flex;
  img {
    width: 56px;
    height: 56px;
  }
  &__right{
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 12px;
  }
  &__title {
    font-size: 16px;
    color: #333;
    color: red;
    line-height: 22px;
  }
  &__desc1 {
    font-size: 13px;
    color: #333;
    line-height: 18px;
    margin-right: 16px;
  }
  &__discountinfo {
    color: #e93b3b;
    font-size: 13px;
    line-height: 18px;
  }
}
</style>
